<template>
    <div>
        <v-header>
            <div slot="left" class="backs_icon"></div>
        </v-header>
        <div class="main_allScroll">
            <scroller>
                <div class="pay_state">
                    <div class="ok_icon"></div>
                    <span>购买成功</span>
                    <span>您购买的宝呗已经到账,请注意查看！</span>
                    <button class="small_btn" @click="$router.goBack()">返回查看</button>
                </div>
            </scroller>
        </div>
    </div>
</template>
<script>
    import {LoadMore, FormPreview} from 'vux'
    export default {
        name: 'buyok',
        components: {LoadMore, FormPreview},
        data: function () {
            return {

            }
        },
        created(){

        },
        activated() {

        },
        deactivated(){

        },
        methods: {
        }
    }
</script>
<style lang="less" scoped>
    .main_allScroll{
        background: #fff;
    }
    .pay_state{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 0.5rem 0.3rem 0;
        .ok_icon{
            width: 0.92rem;
            height:0.92rem;
            margin-bottom: 0.14rem;
        }
        span:first-of-type{
            font-size: 0.32rem;
            line-height: 0.4rem;
            color:#333333;
        }
        span:last-of-type{
            font-size: 0.24rem;
            line-height: 0.36rem;
            color:#999999;
            margin: 0.3rem 0 0.56rem;
        }
        .small_btn{
            width: 100%;
        }
    }
</style>
<style lang="css">
    .suc_detail .weui-form-preview__hd{
        background: #f7f7f7;
    }
</style>